/* style.css */

/* 通用基础样式 */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #f7f9fc;
    margin: 0;
    padding: 0;
}

.navbar {
    margin-bottom: 20px;
    border-radius: 0;
    border: none;
    background-color: rgba(21, 18, 17, 0.03);
    color: white;
}

.navbar .navbar-brand {
    color: #070303;
    font-weight: bold;
}

.navbar-form .form-control {
    width: 300px;
    border-radius: 20px;
}

button.btn-danger.btn-sm {
    margin-left: 10px;
    border-radius: 20px;
}

/* 表格美化 */
.table {
    background-color: white;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
}

.table th, .table td {
    text-align: center;
    vertical-align: middle !important;
}

.table th {
    background-color: #f1f1f1;
}

.table td img {
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* 分页按钮区域 */
#tdbar {
    padding: 15px 0;
}

#tdbar button {
    margin: 0 5px;
    border-radius: 20px;
}

/* checkbox 样式 */
.form-check-input {
    cursor: pointer;
    transform: scale(1.2);
    margin-top: 0;
}

thead .form-check-label {
    margin-left: 5px;
    font-weight: normal;
}

/* 操作按钮样式 */
.btn-warning, .btn-danger {
    border-radius: 15px;
    padding: 5px 12px;
    font-size: 13px;
}

.btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
}
